<!doctype html>
<html lang="cn">
<head>
	<meta charset="UTF-8">
	<title>换证旅游</title>
	<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/upWindow.css" />
	<link rel="stylesheet" href="css/base.css" />
	<link rel="stylesheet" href="css/MomPhotoDetail.css" />
	<link rel="stylesheet" href="css/child.css">
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/lrscroll.css" />
	<script src="bootstrap/js/jquery1.11.3.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/register.js"></script>
	<script type="text/javascript" src="js/topPublic.js"></script>
</head>

<body>
	<script type="text/javascript" src="js/header.js"></script>
	<div style="background-color: #f7f7f7;">
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span12">
					<img src="img/huiguofuwu_bg.jpg" style="width: 100%;margin-bottom: 30px;min-width:1178px;" />
				</div>
			</div>

			<div class="row-fluid">
				<div class="head-main">
					<div class="row-fluid">
						<div class="fl" style="width: 285px;">
							<div class="accordion" id="accordion-190303">
								<div class="accordion-group">
									<div class="accordion-heading">
										<div class="accordion-toggle child-1" style=" padding-bottom: 20px;padding-top: 20px;margin-bottom: 10px;" data-toggle="collapse" data-parent="#accordion-190303" href="#accordion-element-71038">回国服务 <span style="font-size: 14px;">/ Reture Service</span></div>
									</div>
									<div id="accordion-element-71038" class="accordion-body in collapse">
										<div class="accordion-inner child-package" mid='1' onclick="window.location.href='returnee.html'">回国指导<span class="child-package-r">></span>
										</div>
										<div class="accordion-inner child-package child-flow" mid='2' onclick="window.location.href='returneeCertificate.html'">换证旅游<span class="child-package-r">></span>
										</div>
										<div class="accordion-inner child-package" mid='3' onclick="window.location.href='returneeMoney.html'">美宝教育基金<span class="child-package-r">></span>
										</div>
										<div class="accordion-inner child-package" mid='4' onclick="window.location.href='returneeSchool.html'">入学指导<span class="child-package-r">></span>
										</div>
									</div>
								</div>

								<div class="accordion-group">
									<div class="accordion-heading">
										<div class="accordion-toggle collapsed child-2" style=" padding-bottom: 20px;padding-top: 20px;margin-bottom: 10px;" data-toggle="collapse" data-parent="#accordion-190303" onclick="window.open('http://tb.53kf.com/code/client/10130038/1][img]http://tb.53kf.com/kfimg.php?arg=10130038&style=1[/img]','_blank','height=500,width=750,top=220,left=500')">在线咨询</div>
									</div>
								</div>

								<div class="accordion-group">
									<div class="accordion-heading">
										<div class="accordion-toggle collapsed child-3" style=" padding-bottom: 20px;padding-top: 20px;margin-bottom: 10px;" data-toggle="collapse" data-parent="#accordion-190303" onclick="window.location.href='child.html'">套餐参考</div>
									</div>

								</div>
							</div>

							<div>
								<div class="child-contact">联系我们 <span style="font-size: 14px;color: #ccc;">/Contact Us</span></div>
								<p class="top-line"></p>
								<div><img src="img/2016-06-07_140314.png" style="width:285px;height:120px;margin-bottom:20px;"></div>
								<div class="child-name">南京圣嘉尔</div>
								<div class="child-add">地址：南京市秦淮区汉中路</div>
								<div class="child-add">89号金鹰国际商城24层C3</div>
								<div class="child-add">电话：400-163-0766</div>
								<div class="child-add">手机：18625170088</div>
								<div class="child-add">QQ：2199207469</div>
							</div>
						</div>

						<div class="fl mids mainwidth" id="mid2">
							<div style="float: left;">
								<div class="flow-title">换证旅游</div>
								<span class="fl" style="border: 3px solid #eb6100;width:120px;"></span>
								<span class="fr" style="border-bottom:2px solid #EBEBEB;width:734px;height:2px;"></span>
								<div id="mbjyjjDiv14">
									
								</div>
								<div class="mbjyjjDivlist"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<input type="hidden" value="returnee" id="navid" />
	<script type="text/javascript" src="js/footer.js"></script>
	<script src="js/banner.js"></script>
	<script>
	var datalength=0;
	$(document).ready(function() {
		$.ajax({
			url: '/baby/imgInfos/queryAllInformation',
			data: {
				type: 14
			},
			type: 'post',
			cache: false,
			dataType: 'json',
			success: function(data) {
				console.log(data);
				if(data.code == "200") {
					var data = data.data;
					
					var dataList = data.dataList;
					//获取数据长度
					//datalength=dataList.length;
					
					var allstr = '';
					var txt=''
					try{
						for(var c=0;c<dataList.length;c++){
							if(datalength <4){		
								if(dataList[c].imgData!= null){
									
									var imgStr ='';
									var aStr='';
									datalength++
									for(var i = 0; i < dataList[c].imgData.length; i++){
										imgStr += '<li><img src="'+dataList[c].imgData[i].realPicUrl+'@!cpr" alt="" /></li>';
										if(i==0){
											aStr='<a class="active" href="javascript:void(0);"></a>';
										}else{
											aStr+='<a href="javascript:void(0);"></a>';
										}
									}
									
									
									allstr += '<div class="expbox scrollsbox" >'
												+'<div id="slide'+c+'" class="slide">'
												+'<a id="btnLeft'+c+'" class="btnLeft" href="javascript:void(0);"></a>'
												+'<a id="btnRight'+c+'" class="btnRight" href="javascript:void(0);"></a>'
												+'<ul class="imgul">'
												+imgStr
												+'</ul>'
												+'<div id="ico'+c+'" class="ico">'
													+aStr+'</div>'
												+'</div>'
												+'</div>';
								}
							}
						}
						for(var c=0;c<dataList.length;c++){
								txt+='	<div class="ask-list" onclick="window.open(\'returnee_detail.html?sid='+dataList[c].sid+'\')">'
										+'<img src="img/2016-06-08_142846.png" alt="">'
										+'<span class="ask-title">'
										+'	<a>'+dataList[c].title+'</a>'
										+'</span>'
										+'<span class="fr ask-time">'+dataList[c].createTiem+'</span>'
									+'</div>';
							}
						$("#mbjyjjDiv14").html(allstr);
						$(".mbjyjjDivlist").html(txt);
					
	
					}catch(e){
						//TODO handle the exception
					}
				}
			
			},complete: function() {
				if(datalength>0){
					for(var i=0;i<datalength;i++){
						scriptjs("ico"+i+"","slide"+i+"","btnLeft"+i+"","btnRight"+i+"");
					}
				}
			},
			error: function() {
				//				alert("异常")
			}
		})

		window.onload = function() {
//				scriptjs("ico0","slide0","btnLeft0","btnRight0");
//				scriptjs("ico2","slide2","btnLeft2","btnRight2");
//				scriptjs("ico3","slide3","btnLeft3","btnRight3");
//				scriptjs("ico4","slide4","btnLeft4","btnRight4");
		
		}
	})
		
	function scriptjs(ico,slide,btnLeft,btnRight){
		var oIco = document.getElementById(ico);
		var aBtn = oIco.getElementsByTagName("a");
		var oSlide = document.getElementById(slide);
		var oUl = oSlide.getElementsByTagName("ul");
		var aLi = oUl[0].getElementsByTagName("li");
		var oBtnLeft = document.getElementById(btnLeft);
		var oBtnRight = document.getElementById(btnRight);
		var baseWidth = aLi[0].offsetWidth;
		oUl[0].style.width = baseWidth * aLi.length + "px";
		var iNow = 0;
		for(var i = 0; i < aBtn.length; i++) { 
			aBtn[i].index = i;
			aBtn[i].onclick = function() {
				move(this.index);
			}
		}
		oBtnLeft.onclick = function() {
			iNow++;
			move(iNow);
		}
		oBtnRight.onclick = function() {
			iNow--;
			document.title = iNow;
			move(iNow);
		}
		var curIndex = 0;
		var timeInterval = 4000;
		setInterval(change, timeInterval);
		function change() {
			if(curIndex == aBtn.length) {
				curIndex = 0;
			} else {
				move(curIndex);
				curIndex += 1;
			}
		}
		function move(index) {
			if(index > aLi.length - 1) {
				index = 0;
				iNow = index;
			}
			if(index < 0) {
				index = aLi.length - 1;
				iNow = index;
			}
			for(var n = 0; n < aBtn.length; n++) {
				aBtn[n].className = "";
			}
			aBtn[index].className = "active";
			oUl[0].style.left = -index * baseWidth + "px";
		}
		
	}
	</script>
</body>

</html>